
<div class="row">
  <div class="col-sm-8 col-sm-push-2 col-md-6">
    <form action="#" method="post" class="form form-horizontal" [formGroup]="accountForm">
    <div class="one-form-header"></div>
    <div class="one-form-body">

        <div class="form-group">
          <label for="user_create_acc" class="col-xs-3 control-label">账户名:</label>
          <div class="col-xs-9">
            <input type="hidden" id="id" formControlName="id" name="id">
            <input type="text" class="form-control one-msg-error" placeholder="账户名" id="user_create_acc"
                   name="accountName" required formControlName="accountName">
            <div *ngIf="formErrors.accountName" class="has-error">
              <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.accountName}} </label>
            </div>
          </div>
        </div>

    </div>
    <div class="one-form-footer">
      <div class="pull-right">
        <button class="btn btn-default" type="reset" (click)="cancelAccountAdd()">取消</button>
        <button class="btn btn-success" type="button" [disabled]="!accountForm.valid" (click)="onSubmit()">创建并分配</button>
      </div>
    </div>
    </form>
    <!-- /.form-box -->
  </div>
</div>
